@import "font-awesome.css";body {background:#f8f8f8 url(back.jpg) fixed;margin:0;}
.venus-menu {margin:30px 0 10px}
.venus-menu {width:100%;margin:0;padding:0;position:relative;float:left;font-family:open sans,sans-serif;list-style:none;background:#1492ff;}
.venus-menu li {display:inline-block;margin:0;padding:0;float:left;line-height:20px;position:relative}
.venus-menu>li>a {padding:21px 26px;font-size:22px;color:#fff;text-decoration:none;display:block;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.venus-menu li:hover>a,.venus-menu li.active a {background:#ffffff;color:#000;}
.venus-menu>li>a i {color:#bababa}
.venus-menu>li:hover>a i,.venus-menu li.active a i {color:#fff}
.venus-menu ul,.venus-menu ul li ul {list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99;width:140px}
.venus-menu ul {top:53px;left:0;padding-top:10px;width:142px;}
.venus-menu>li>ul>li ul li:first-child a:before {content:'';position:absolute;bottom:16px;left:45%;margin-left:-71px;width:0;height:0;border-top:8px solid transparent;border-right:8px solid #1492ff;border-bottom:8px solid transparent}
.venus-menu ul li ul {top:0;left:100%;padding-left:10px}
.venus-menu ul li {clear:both;width:99%;border:0;text-align:center;}
.venus-menu ul li a {padding:14px 20px;width:100%;color:#000;font-size:14px;text-decoration:none;display:inline-block;float:left;clear:both;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}
.venus-menu ul li:hover>a {background-color:#e8f2fe}
.venus-menu>li .indicator {position:absolute;color:#bababa;top:19px;right:8px;font-size:20px;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
.venus-menu>li:hover>.indicator {color:#fff}
.venus-menu ul>li .indicator {top:14px;right:8px;color:#fff}
.venus-menu i {line-height:20px!important;margin-right:6px;font-size:20px;float:left}
.venus-menu>li.showhide {display:none;width:100%;height:46px;cursor:pointer;color:#777;border-bottom:solid 1px rgba(0,0,0,.1);background:#fff}
.venus-menu>li.showhide span.title {margin:13px 0 0 20px;float:left}
.venus-menu>li.showhide span.icon {margin:16px 20px;float:right}
.venus-menu>li.showhide .icon em {margin-bottom:3px;display:block;width:20px;height:2px;background:#ccc}
.venus-menu li.search {float:right}
.venus-menu li.search form {margin:13px 20px 0 0}
.venus-menu li.search form input.search {height:26px;float:right;padding-left:5px;padding-right:5px;color:#777;outline:0;border:solid 1px #dedede;-o-transition:border .3s linear;-moz-transition:border .3s linear;-webkit-transition:border .3s linear;transition:border .3s linear}
.venus-menu li.search form input.search:focus {border-color:#1492ff}
.zoom-out {-webkit-animation:zoomOut 600ms ease both;-moz-animation:zoomOut 600ms ease both;-o-animation:zoomOut 600ms ease both;animation:zoomOut 600ms ease both}
@-webkit-keyframes zoomOut {0% {-webkit-transform:scale(.6)}
100% {-webkit-transform:scale(1)}
}
@-moz-keyframes zoomOut {0% {-moz-transform:scale(.6)}
100% {-moz-transform:scale(1)}
}
@-o-keyframes zoomOut {0% {-o-transform:scale(.6)}
100% {-o-transform:scale(1)}
}
@keyframes zoomOut {0% {transform:scale(.6)}
100% {transform:scale(1)}
}
@media only screen and (max-width:768px) {.venus-menu li {display:block;width:100%}
.venus-menu>li>a {padding:13px 0 14px 20px}
.venus-menu>li.brand {display:none!important}
.venus-menu a {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.venus-menu ul,.venus-menu ul li ul {width:100%;padding:0;left:0;border:0;position:static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.venus-menu>li>ul>li:first-child a:before,.venus-menu>li>ul>li ul li:first-child a:before {border:0}
.venus-menu ul li {border-left:0;border-right:0}
.venus-menu ul li a {padding-top:10px;padding-bottom:10px}
.venus-menu ul>li>a {padding-left:40px!important}
.venus-menu>li .indicator {top:14px;right:20px;font-size:20px}
.venus-menu ul>li .indicator {top:10px;right:20px}
.venus-menu li.search form {margin:12px 18px 0}
.venus-menu li.search form input.search {width:100%;margin-bottom:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.venus-menu>li>ul>li>a {padding-left:40px!important}
.venus-menu>li>ul>li>ul>li>a {padding-left:60px!important}
.venus-menu>li>ul>li>ul>li>ul>li>a {padding-left:80px!important}
}
.content {margin-left:24px;}
